* {
  margin: 0;
  padding: 0;
}
html {
  overflow-x: hidden;
  overflow-y: visible;
}

html,
body,
#app {
  height: 100%;
  font-size: 16px;
  color: #ffffff;
}

body {
  background: #000;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  /* 设置滚动条的宽度 */
  /* width: 12px;  */
  display: none;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2); /* 设置滚动条轨道背景为半透明 */
  border-radius: 8px; /* 设置轨道的圆角 */
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 234, 255, 0.6); /* 使用 #00eaff 色调，并设置透明度 */
  border-radius: 8px; /* 设置滑块的圆角 */
  border: 4px solid rgba(255, 255, 255, 0.2); /* 给滑块添加透明边框，和轨道背景相匹配 */
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 234, 255, 0.9); /* 悬停时，增加透明度，颜色更明显 */
}

::-webkit-scrollbar-button {
  background-color: rgba(255, 255, 255, 0.2); /* 设置滚动条按钮的颜色为透明 */
}

i {
  font-style: normal;
  font-size: 16px;
}

.app-main {
  /* overflow: hidden;
  height: 100vh !important;
  padding: 0 1px !important;
  background-size: cover;
  background-position: 100% 100%; */
  /* 背景图自适应，但会缩小 */
  /* background-size: 100%; */
  /* background-position: center top; */
  /* background-attachment: fixed; */
  overflow: hidden;
  width: 1920px;
  height: 1080px;
  background: url('./assets/images/bg1.png');
  pointer-events: auto;
  image-rendering: -webkit-optimize-contrast;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
li {
  list-style: none;
}
